<!DOCTYPE html>
<html class="ui-page-login">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<style>
			.ui-page-login,
			body {
				width: 100%;
				height: 100%;
				margin: 0px;
				padding: 0px;
			}
			.mui-content{
				height: 100%;
				background-color: #08c5bf;
			}
			.img-div{
				padding-top:40px;
			}
			.btn-div{
				padding-top: 80px;
				text-align: center;
			}
			.mui-btn{
				width: 35%;
				margin-left: 10px;
				margin-right: 10px;
				height: 40px;
				border: none;
			}
			.mui-btn-r{
				background-color: #D9B279;
				color: #ffffff;
			}
		</style>
	</head>
	<body>
		<div class="mui-content">
			<div class="img-div">
				<img src="images/img_1.png" />
			</div>
			<div class="btn-div">
				<button type="button" id="loginBtn" class="mui-btn">登录</button>
				<button type="button" class="mui-btn mui-btn-r">注册</button>
			</div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script>
			(function($, doc) {
				$.init({
					statusBarBackground: '#f7f7f7'
				});
				$.plusReady(function() {
					document.getElementById("loginBtn").addEventListener("tap", function() {
		                mui.openWindow({
		                    url: "login.html",
		                    id: "login",
		                    waiting: {
		                        autoShow: false
		                    },
		                     extras:{
		                      name:'testapp'
		                    }
		    
		                });
		            
		            });
				});
			}(mui, document));
		</script>
	</body>
</html>